@charset "utf-8";
/* CSS Document */

/*index*/
.header {width:100%; background:#fff; min-width:1200px;}
.header .head{width:100%;height:116px;background:#fff;min-width:1200px;}
.head_top{height:116px;}
.head_top .logo{margin-top:22px;}
.head_top .phone{text-align:center; margin-top:24px; color:#fff;}
.head_top .phone a{color:#fff;}

.header .nav_bar{width:100%;height:50px;background:#414141;min-width:1200px;}
.header .nav{width:910px;height:50px;float:left;}
.nav li{width:112px; float:left;}
.nav li a{width:112px; height:50px; line-height:50px;display:block; font-size:16px;text-align:center; color:#fff;}
.nav li a.curr,.nav li a:hover{background:#2662A2; color:#fff;}
.nav .on a{background:#2662A2; color:#fff;}

.header .nav .sub{ display:none; /*默认隐藏*/ width:128px; position:absolute; left:0px; top:40px; text-align:center; padding:0;}
.nav .sub li{ vertical-align:middle; }
.nav .sub li a{ height:28px; line-height:28px; display:block; background:#fff; color:#555; filter:alpha(opacity=70); opacity:0.7;}
.nav .sub li a:hover{ color:#fff; background:#fdbc08;}

/*search*/
.search{width:220px; float:right; height:50px;}
#Search .ss_txt{width:215px; height:28px;line-height:26px; border:1px solid #fff; border-radius:10px;float:left;background:#fff;font-size:14px;color:#333;overflow:hidden; padding-left:5px; outline:none;}
#Search .ss_bott{ width:22px; height:28px; border:none; background:url(../images/seach.png) no-repeat center; cursor:pointer; overflow:hidden; margin-left:-26px;outline:none;}

/*******模块标题************/
.do_title{width: 1200px; margin:0 auto; text-align: center;}
.do_title h4{height:52px;line-height:52px;font-size:48px;color:#6ec53a;font-weight:normal;}
.do_title h5{height:30px;line-height:30px;font-size:24px;color:#545454; font-weight:normal;}

/********关于我们*************/
.about_bg{  width:1200px; margin:40px auto 55px auto;overflow:hidden;}

.about_n{ width:100%; margin-top:40px;}
.about_lf{ width:570px; float:left;}
.about_rf{ width:590px; float:right;}
.about_rf .info{ background:#2662a2; padding:47px 20px; box-sizing:border-box; overflow:hidden;}
.about_rf .info .info_a{ float:left; width:100px; border-right:1px solid #fff; padding:60px 0px 10px 0px; color:#fff; text-align:center;font-size:16px; background:url(../images/book.png) top 15px center no-repeat;}
.about_rf .info .info_b{ float:right; width:420px;}
.about_rf .info .info_b p{ color:#fff; font-size:14px; line-height:26px; text-indent:2em;}
.about_rf .info .info_b a{ float:right; color:#fff; margin-top:20px;}
.about_rf .info .info_b a:hover{color:#6ec53a;}

.about_rf .info_tu{ background:url(../images/about.jpg) center center no-repeat; height:212px; line-height:270px;}
.about_rf .info_tu .wh{ background:url(../images/diamond.png) top 70px center no-repeat;color:#fff; text-align:center; font-size:22px;}


/********产品中心*************/
.pro_bg{ background:url(../images/pro_bg.jpg) top center no-repeat; width:100%; min-width:1200px; overflow:hidden; padding-top:65px;}

.box_m{ width:1200px; margin:0 auto; padding:60px 0px;}
.slidegrid {float: left;position: relative;	overflow: hidden;}
.slideitems {width: 20000em;position: absolute;}
.slideitems li {float: left;}

.mainPhoto {width:1200px;height:195px;margin: 0 auto;position: relative;overflow: hidden}
.mainPhoto span.goleft, .mainPhoto span.goright {display:none;width:36px;height:74px;position: absolute;top:60px;z-index:99;}
.mainPhoto span.goleft {left:5px;}
.mainPhoto span.goright {right:5px}
.mainPhoto:hover .goright{display:block;}
.mainPhoto:hover .goleft{display:block;}

.mainPhoto .go {width:1200px;height:300px;position: relative;overflow: hidden}
.mainPhoto .go li {width:290px;margin:0px 5px;position: relative;}
.mainPhoto .go li img {width:290px;height:195px; vertical-align:top;}
.mainPhoto .go li span{position: absolute;
    left:0px;
    top: 0;
    width:290px; height:195px;
    background:rgba(38, 98, 162, 0.7);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear; box-sizing:border-box;
    font-size: 16px; }
	
.mainPhoto .go li span h3{ font-size:20px; color:#fff; text-align:center; line-height:195px;}	
.mainPhoto .go li:hover span{opacity: 1;}

.experience { width:166px; margin:31px auto;position: relative; height:45px; overflow: hidden; border: 1px solid #2662a2; border-radius:30px;}
.experience:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 100%; background: #2662a2; transition: 540ms; }
.experience a { display: block;transition: 460ms; line-height:45px; color: #2662a2; font-size: 20px;position: relative; z-index: 5; text-align: center; }
.experience:hover:before { top: 0; }
.experience:hover a { color: #fff;}

/********新闻中心*************/
.news_bg{  width:1200px; margin:40px auto 55px auto;overflow:hidden;}
.news_c{ width:1200px; margin:40px auto;}
.news_box{margin-left:-33px;overflow:hidden;}
.new_box{ float:left;width:378px; margin-left:33px; padding:8px; box-sizing:border-box; border:1px solid #a8a8a8;}
.new_box .new_img img{ width:100%; height:210px;}
.new_box .new_c{ padding:20px 5px;}
.new_box .new_c h3{ font-size:20px; color:#484848; font-weight:normal; margin-bottom:20px;}
.new_box .new_c p{ font-size:14px; color:#484848; line-height:26px;}

.new_box:hover{ background:#2662a2;}
.new_box:hover h3,.new_box:hover p{ color:#fff;}


.hezuo_bg{ background:url(../images/hezuo.jpg) top center no-repeat; height:430px; width:100%; min-width:1200px;}
.hezuo_c{ width:1200px; margin:0 auto;}
.hezuo_c .hez{ float:right; width:450px; text-align:center; margin-top:130px;}

.hezuo_c .hez h3{ color:#fff; font-size:48px; line-height:55px; margin-bottom:20px;}
.hezuo_c .hez h4{ color:#fff; font-size:24px; line-height:30px;}


/*-----------底部-------------*/
.footer_top{background:#414141; padding:50px 0px;min-width:1200px; width:100%;overflow: hidden;}
.footer_top .footer_m{ width:1200px; margin:0 auto;}
.footer_top .footer_m .fl{ float:left; width:350px;}
.footer_top .footer_m .fl img{ margin-top:20px;}

.footer_top .footer_m .fm{ float:left; width:500px;}
.footer_top .footer_m .fm ul li{  width:100%; height:30px; line-height:30px;color:#fff;}
.footer_top .footer_m .fr{ float:right; width:200px; color:#fff; text-align:center;}
.footer_top .footer_m .fr p{ font-size:14px; line-height:28px;color:#fff;}

.footer{ background:#414141; padding:10px 0px; min-width:1200px; border-top:1px solid #fff;}
.footer .footer_n{ width:1200px; margin:0 auto;text-align:center; font-size:14px; color:#fff;}